<div class="main-your-brets">
    <div class="notification">
        <span>Refer friends to upgrade your account for free!</span>
        <a href="#">Learn more ></a>
        <i class="fa fa-1x5 fa-clear"></i>
    </div>
    <div>
        <div class="title">Your Brets</div>
        <div class="folder-group">
            <div class="main-menu">
                <span>All Brets</span>
            </div>
            <ul class="folder-menu">
                <li><a href="#">Folder #1</a></li>
                <li><a href="#">Folder #2</a></li>
            </ul>
            <div class="new-folder">
                <button><i class="fa fa-1x5 fa-plus"></i><span>New Folder</span></button>
            </div>
        </div>
        <div class="brets">
            <div class="support-brets">
                <div class="search">
                    <i class="fa fa-1x5 fa-search"></i>
                    <input class="search-box" type="search" placeholder="Search brets"></input>
                    <div class="btn-group">
                        <div class="settings">
                            <i class="fa fa-1x5 fa-cog"></i>
                            <div><i class="fa fa-1x5 fa-caret-down"></i></div>
                        </div>
                        <ul class="dropdown-menu">
                            <li><a href="#">Dropdown link</a></li>
                            <li><a href="#">Dropdown link</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main-brets">
                <ul id="bret-list" class="bret-list">
                    <li class="new-bret">
                        <div class="preview"><img src="Images/New_Bret.png"/></div>
                        <a href="/bret/edit" style="text-decoration: none;"><div class="new-button"><span>NEW BRET</span></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>